<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>凉山州中考志愿填报</title>
<link rel="stylesheet" href="/css/newStyle.css" th:href="@{/css/newStyle.css}">
<link href="/css/bootstrap-editable.css" rel="stylesheet" th:href="@{/css/bootstrap-editable.css}"/>
</head>
<body>
	<div class="mainBox" th:object="${students}">
		<div class="mainBox_inner">
			<h1>凉山州高中阶段招生</h1>
			<div class="tableOutBox">
				<h2>艺体审核系统（<span th:text="${zkw.username}" th:value="${zkw.username}"
							id="xm" class="xm"></span>）</h2>
				<div class="tableSearch clearfix">
					<form action="" method="post" id="form1">
			
					<div class="fl">
						<div class="fl searchOut">
						    <input id="param_bmh" type="hidden" name="bmh" value="">
							<input type="text" placeholder="输入学生报名号" class="searchtext">
							<button class="searchbtn"></button>
						</div>
					</div>
					</form>
					<div class="fr rightbox">
					<input type="button" class="btn btn-primary"  onclick="javascript:history.go(-1);" value="返回上级">
						<button id="shenghe" class="shenghe schoolshenghe">审核</button>
						<button class="goshenghe schoolgoshenghe">清除审核</button>
						<!-- <button class="insertchengji">录入考试成绩</button>  -->
					</div>
				</div>
				<div class="toolsbar"></div>
				<div class="tablebox">
					<table id="shenhetable" class="tablebox" border="1" cellpadding="0"
						cellspacing="0" align="left">
					</table>
					<div class="clearfix exportOutbox">
					</div>

				</div>
			</div>
		</div>
	</div>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/gVerify.js"></script>
<script src="js/commen.js"></script>
<link href="css/bootstrap.css" rel="stylesheet" />
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-table.js"></script>
<script src="js/bootstrap-editable.min.js"></script>
<script src="js/bootstrap-table-editable.js"></script>
<link href="css/bootstrap-table.css" rel="stylesheet" />
<script src="js/bootstrap-table-zh-CN.js"></script>
<script th:inline="javascript">
//var st=[[${students}]];

var curRow={};
$(function () {
    //1.初始化Table
    var arr;
    var oTable = new TableInit();
    oTable.Init();
})

var TableInit = function () {
    var oTableInit = new Object();
    oTableInit.Destory = function () {
        $('#shenhetable').bootstrapTable('destroy');
    };
    oTableInit.Init = function () {
        $("#shenhetable").bootstrapTable({
            url: "showArtSpecialtyCityYt",         //请求后台的URL（*）
            contentType: "application/x-www-form-urlencoded",
            method: 'post',                      //请求方式（*）
            toolbar: '#toolbar',                //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
/*             dataField:'studentstr', */
            cache: true,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            silent: true,
            sortable: true,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            queryParams: oTableInit.queryParams,//传递参数（*）
            queryParamsType: "undefined",
            sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
            search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
            strictSearch: false,
            showColumns: true,                  //是否显示所有的列
            showRefresh: true,                  //是否显示刷新按钮
            minimumCountColumns: 2,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
            /* height: 500, */                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "ID",                     //每一行的唯一标识，一般为主键列
            showToggle: false,                    //是否显示详细视图和列表视图的切换按钮
            cardView: false,                    //是否显示详细视图
            detailView: false,                   //是否显示父子表
            columns: [{
                field: 'chose',
                checkbox: true
            },
            {field: 'id',title: 'ID',align: 'center'},
          {field: 'xm',	title: '姓名', align: 'center'},
            {
                field: 'bmh',
                title: '报名号'
                , align: 'center'
            },
            {
                field: 'sfzh',
                title: '身份证号'
                , align: 'center'
            },
            {
                field: 'gzxxmc',
                title: '报考学校'
                , align: 'center'
            },
            {
                field: 'ytzymc',
                title: '艺体特长'
                , align: 'center'
            },
            {
                field: 'ytkhcj',
                title: '艺体特长成绩'
                , align: 'center'
            }
            ,
            {
                field: 'gzshzt',
                title: '学校审核'
    	        , align: 'center',
    	        formatter:function(value,row,index){
                        	var a="";
                            if (value==null || value == "0"){a="未通过";};
                            if (value=="1"){a="审核通过";};
                            return a;
    	           
    	        }
            }
            ,
            {
                field: 'xsshzt',
                title: '教育主管部门审核'
    	        ,editable: {
   	                type: 'select',
   	                source: [{ value: 0, text: "未审核" }, { value: 1, text: "审核通过" }, {value:2,text:"审核未通过"}],
   	                emptytext: "未审核",       //空值的默认文本
   	                title: '审核状态',
   	                validate: function (v) {
   	                    if (!v) return '审核状态不能为空';
   	
   	                }
    	        }
                , align: 'center'
            }
                       
            
            ],
            onEditableSave: function (field, row, oldValue, $el) {
                $.ajax({
                    type: "post",
                    url: "/city/doSaveCheckResultYt",
                    data: row,
                    dataType: 'JSON',
                    async:true,
                    success: function (data, status) {
                        if (data.code == "ok") {
                            alert('更新成功');
                            $("#shenhetable").bootstrapTable('refresh');
                        }                        
                    },
                    error: function (error) {
                        alert('编辑失败');
                        //alert(error);
                    },
                    complete: function () {

                    }

                });
            },
            onClickRow: function (row, $element) {
                curRow = row;
            },
            onLoadSuccess: function (aa, bb, cc) {
                $("#shenhetable a").editable({
                    url: function (params) {
                        var sName = $(this).attr("name");
                        curRow[sName] = params.value;
                        $.ajax({
                            type: 'POST',
                            url: "",
                            data: curRow,
                            dataType: 'JSON',
                            success: function (data, textStatus, jqXHR) {
                                alert('保存成功！');
                            },
                            error: function () { alert("error");}
                        });
                    },
                    type: 'text'
                });
            },
           //  data:st, 
        });
    };
    oTableInit.queryParams = function (params) {
        var param = {
            bmh: $(".searchtext").val(),
            pageSize: params.pageSize,   //页面大小
            pageIndex: params.pageNumber,  //页码
        };
        return param;
    };
    return oTableInit;
};

$(".searchbtn").click(function() {
    var param = {
      bmh: $(".searchtext").val(),
      pageSize:1,   //页面大小
      pageIndex: 10,  //页码
  };
  $.ajax({
  	url:"doSelectArtSpecialtyByBmhYt",
  	type:"post",
  	data:param,
      success:function(data){
    	  $('#shenhetable').bootstrapTable('load',data);
      }
  })
   $(".searchtext").val("");    
return false;
})

	//点击特色项目
	$(".tese").on('click', function() {

	})
	//点击艺体特长
	$(".yiti").on('click', function() {

	})

	//全选
	$('.checkall').on(
			'change',
			function() {
				console.log($(this).is(':checked'))
				var checkstate = $(this).is(':checked');
				if (checkstate == true) {
					//全选
					$('tbody tr').find('input[type=checkbox].chose').prop(
							'checked', true);
				} else {
					//取消全选
					$('tbody tr').find('input[type=checkbox].chose').prop(
							'checked', false);
				}
			})

	//批量审核
	$('#shenghe').on('click',function() {
		var row= $('#shenhetable').bootstrapTable('getSelections');
		if(row.length<1)
			{
			alert("未选择学生");
			return false ;
			}
		var statu=0;
		for (var index=0;index<row.length;index++){
			var bmh=row[index].bmh;
				//执行审核请求
				$.ajax({
					type : 'POST',
					url : 'doExamineYt',
					async: false,
					data : {
						'bmh':bmh
					},//获取表单数据，select的name属性你自己加一下吧
					dataType : "json",
					success : function(data) {
						statu++;
					},
					error : function () {alert("审核失败")}
				})
		}
		if (statu>0){alert("成功")};
		$("#shenhetable").bootstrapTable('refresh',{url:"showArtSpecialtyCityYt"});
	})
	
	//批量清除审核
	$(".schoolgoshenghe").on('click',function() {
		var row= $('#shenhetable').bootstrapTable('getSelections');
		var statu=0;
		for (var index=0;index<row.length;index++){
			var bmh=row[index].bmh;
			console.log(bmh);
				//执行审核请求
				$.ajax({
					type : 'POST',
					url : 'doCancelExamineYt',
					async: false,
					data : {
						'bmh':bmh
					},//获取表单数据，select的name属性你自己加一下吧
					dataType : "json",
					success : function(data) {
						statu++;
					},
					error : function () {alert("取消失败")
				    }
				})
		};
		if (statu>0){alert("清除成功")};
		$("#shenhetable").bootstrapTable('refresh',{url:"showArtSpecialtyCityYt"});
	})
			
	$('tbody tr').dblclick(
			function() {
				var _this = this;
				$(_this).find('input[type=checkbox]').attr('disabled', false)
						.addClass('edt');
			})

</script>
</html>